<!-- header -->
<jsp:include page="header.jsp">
	<jsp:param name="title" value="Top Stories"/>
</jsp:include>

<script type="text/javascript" src="js/top.js"></script>
<script> window.onload=topUpdateInit;</script>

<!-- / header -->

<!-- content -->
	<div class="body7">
		<div class="main">
			<section id="content">
				<div class="wrapper">
					<article>
						<div class="pad1">
							<h2>Top Stories</h2>
						</div>
					</article>
				</div>
				<div class="wrapper">
					<article class="col1">
						<div class="pad1">
							<select id="sortBy">
								<option value="viewed">Most Viewed</option>
								<option value="voted">Highest Voted</option>
							</select>
						</div><br>
					</article>
				</div>
				<div class="wrapper">
					<article>						
						<div class="pad1">
							<div id="viewed" class="ranks">
								<table class="story_list">
									<thead>
										<tr>
											<th class="story_col0"></th>
											<th class="story_col1 left_col">Story Title</th>										
											<th class="story_col2 left_col">Creator</th>
											<th class="story_col3">Posts</th>
											<th class="story_col4 left_col">Last Post</th>
										</tr>
									</thead>
									<tbody id="top_viewed">

									</tbody>
								</table>
							</div>
							<div id="voted" class="ranks">
								<table class="story_list">
									<thead>
										<tr>
											<th class="story_col0"></th>
											<th class="story_col1 left_col">Story Title</th>										
											<th class="story_col2 left_col">Creator</th>
											<th class="story_col3">Posts</th>
											<th class="story_col4 left_col">Last Post</th>
										</tr>
									</thead>
									<tbody id="top_voted">

									</tbody>
								</table>
							</div>
						</div>
					</article>
				</div>
			</section>
		</div>
	</div>
	<!-- / content -->

<!-- footer -->
<jsp:include page="footer.jsp"/>
<!-- / footer -->